<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>一点资讯</title>
    <link rel="shortcut icon" href="img/logo.png" type="image/png">
    <link rel="stylesheet" href="css/font.css" />
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/index.css" />
    <script src="js/index.js"></script>
  </head>
  <body>
    <div class="warp">
    <!-- 头部开始啦 -->
    <header>
      <div class="header_top">
        <ul class="clearfix">
          <li><a href="javascript:;">校园大使</a></li>
          <li><a href="javascript:;">代理合作</a></li>
          <li><a href="javascript:;">侵权投诉</a></li>
          <li><a href="javascript:;">品牌介绍</a></li>
        </ul>
      </div>
      <div class="header_search">
        <div class="header_left">
          <div class="logo"></div>
          <div class="icon_logo"></div>
          <div class="search clearfix">
            <form action="">
              <input type="text" class="search_txt" placeholder="大家都在搜" />
              <input type="submit" value="搜索" />
            </form>
          </div>
        </div>
        <div class="header_right">
          <ul class="clearfix">
            <li><a href="JavaScript:;">下载app</a></li>
            <li><a href="JavaScript:;">一点号</a></li>
            <button class="register">登录</button>
          </ul>
        </div>
      </div>
      <nav class="header_nav">
        <ul class="clearfix nav_list">
          <li><a href="javascript:;" class="active">首页</a></li>
          <li><a href="javascript:;">要闻</a></li>
          <li><a href="javascript:;">一点号</a></li>
          <li><a href="javascript:;"> 视频</a></li>
          <li><a href="javascript:;"> 段子</a></li>
          <li><a href="javascript:;"> 汽车</a></li>
          <li><a href="javascript:;"> 社会</a></li>
          <li><a href="javascript:;">娱乐</a></li>
          <li><a href="javascript:;"> 军事</a></li>
          <li><a href="javascript:;">体育</a></li>
          <li><a href="javascript:;">NBA</a></li>
          <li><a href="javascript:;">财经</a></li>
          <li class="down"><a href="javascript:;"></a></li>
        </ul>
        <div class="list">
          <ul class="clearfix">
            <li><a href="javascript:;">首页</a></li>
              <li><a href="javascript:;">要闻</a></li>
            <li><a href="javascript:;">一点号</a></li>
            <li><a href="javascript:;"> 视频</a></li>
            <li><a href="javascript:;"> 段子</a></li>
            <li><a href="javascript:;"> 汽车</a></li>
            <li><a href="javascript:;"> 社会</a></li>
            <li><a href="javascript:;">娱乐</a></li>
            <li><a href="javascript:;"> 军事</a></li>
            <li><a href="javascript:;">体育</a></li>
            <li><a href="javascript:;">NBA</a></li>
            <li><a href="javascript:;">财经</a></li>
           <li><a href="javascript:;">科技</a></li>
           <li><a href="javascript:;">数码</a></li>
           <li><a href="javascript:;">美图</a></li>
           <li><a href="javascript:;">健康</a></li>
           <li><a href="javascript:;">时尚</a></li>
           <li><a href="javascript:;">搞笑</a></li>
           <li><a href="javascript:;">旅游</a></li>


        </div>
      </nav>
    </header>
    <!-- 头部结束啦 -->
    <!-- 内容区域开始 -->
    <div class="content clearfix">
      <div class="content_left">
      <div class="banner">
        <img src="img/1.jpg" alt="">
      <span>小伙直升机迎娶新娘，真刺激</span>
      </div>
      <div class="content_bottom">
        <ul class="list">
          <li>
            <a href="javascript:;" class="clearfix">
            <div class="icon hidden_img"><img src="img/2.jpeg" alt=""></div>
            <p>重交易量级大！前火箭16+13第1中锋投奔詹皇？骑士甩两大毒瘤换他</p>
            <div class="list_bottom">
              <span ><img src="img/little.jpg" alt=""></span>
              <span>毛罗聊球</span>
              <span>144p评</span>
              <span>刚刚</span>
              <span>X</span>
            </div>
          </a></li>
          <li>
            <a href="javascript:;" class="clearfix">
            <div class="icon hidden_img"><img src="img/11.jpeg" alt=""></div>
            <p>特朗普上任内以来美国首次批准中企收购美国公司</p>
            <div class="list_bottom">
              <span ><img src="img/little.jpg" alt=""></span>
              <span>毛罗聊球</span>
              <span>144p评</span>
              <span>刚刚</span>
              <span>X</span>
            </div>
          </a></li>
          <li>
            <a href="javascript:;" class="clearfix">
            <div class="icon"><img src="img/12.jpeg" alt=""></div>
            <p>48岁做9次试管，扎1000多针，生个女儿长得一言难尽</p>
            <div class="list_bottom">
              <span ><img src="img/little.jpg" alt=""></span>
              <span>毛罗聊球</span>
              <span>144p评</span>
              <span>刚刚</span>
              <span>X</span>
            </div>
          </a></li>
          <li>
            <a href="javascript:;" class="clearfix">
            <div class="icon"><img src="img/13.jpeg" alt=""></div>
            <p>25岁女孩自称是侯耀华女友，准备明年和他结婚生孩子</p>
            <div class="list_bottom">
              <span ><img src="img/little.jpg" alt=""></span>
              <span>毛罗聊球</span>
              <span>144p评</span>
              <span>刚刚</span>
              <span>X</span>
            </div>
          </a></li>
          <li>
            <a href="javascript:;" class="clearfix">
            <div class="icon"><img src="img/2.jpeg" alt=""></div>
            <p>重交易量级大！前火箭16+13第1中锋投奔詹皇？骑士甩两大毒瘤换他</p>
            <div class="list_bottom">
              <span ><img src="img/little.jpg" alt=""></span>
              <span>毛罗聊球</span>
              <span>144p评</span>
              <span>刚刚</span>
              <span>X</span>
            </div>
          </a></li>
          <li>
            <a href="javascript:;" class="clearfix">
            <div class="icon"><img src="img/11.jpeg" alt=""></div>
            <p>特朗普上任内以来美国首次批准中企收购美国公司</p>
            <div class="list_bottom">
              <span ><img src="img/little.jpg" alt=""></span>
              <span>毛罗聊球</span>
              <span>144p评</span>
              <span>刚刚</span>
              <span>X</span>
            </div>
          </a></li>
          <li>
            <a href="javascript:;" class="clearfix">
            <div class="icon"><img src="img/12.jpeg" alt=""></div>
            <p>48岁做9次试管，扎1000多针，生个女儿长得一言难尽</p>
            <div class="list_bottom">
              <span ><img src="img/little.jpg" alt=""></span>
              <span>毛罗聊球</span>
              <span>144p评</span>
              <span>刚刚</span>
              <span>X</span>
            </div>
          </a></li>
          <li>
            <a href="javascript:;" class="clearfix">
            <div class="icon"><img src="img/13.jpeg" alt=""></div>
            <p>25岁女孩自称是侯耀华女友，准备明年和他结婚生孩子</p>
            <div class="list_bottom">
              <span ><img src="img/little.jpg" alt=""></span>
              <span>毛罗聊球</span>
              <span>144p评</span>
              <span>刚刚</span>
              <span>X</span>
            </div>
          </a></li>
          <li>
            <a href="javascript:;" class="clearfix">
            <div class="icon"><img src="img/2.jpeg" alt=""></div>
            <p>重交易量级大！前火箭16+13第1中锋投奔詹皇？骑士甩两大毒瘤换他</p>
            <div class="list_bottom">
              <span ><img src="img/little.jpg" alt=""></span>
              <span>毛罗聊球</span>
              <span>144p评</span>
              <span>刚刚</span>
              <span>X</span>
            </div>
          </a></li>
          <li>
            <a href="javascript:;" class="clearfix">
            <div class="icon"><img src="img/11.jpeg" alt=""></div>
            <p>特朗普上任内以来美国首次批准中企收购美国公司</p>
            <div class="list_bottom">
              <span ><img src="img/little.jpg" alt=""></span>
              <span>毛罗聊球</span>
              <span>144p评</span>
              <span>刚刚</span>
              <span>X</span>
            </div>
          </a></li>
          <li>
            <a href="javascript:;" class="clearfix">
            <div class="icon"><img src="img/12.jpeg" alt=""></div>
            <p>48岁做9次试管，扎1000多针，生个女儿长得一言难尽</p>
            <div class="list_bottom">
              <span ><img src="img/little.jpg" alt=""></span>
              <span>毛罗聊球</span>
              <span>144p评</span>
              <span>刚刚</span>
              <span>X</span>
            </div>
          </a></li>
          <li>
            <a href="javascript:;" class="clearfix">
            <div class="icon"><img src="img/13.jpeg" alt=""></div>
            <p>25岁女孩自称是侯耀华女友，准备明年和他结婚生孩子</p>
            <div class="list_bottom">
              <span ><img src="img/little.jpg" alt=""></span>
              <span>毛罗聊球</span>
              <span>144p评</span>
              <span>刚刚</span>
              <span>X</span>
            </div>
          </a></li>
        </ul>
      </div>
    </div>
    <div class="content_right">
      <div class="content_right_top">
        <ul>
          <li><a href="javascript:;" class="clearfix">
            <div class="right_icon fd"><img src="img/3.jpeg" alt=""></div>
            <div class="right_text">
              <p>我是疯了才去你的城市，然后哭着回来 | 24个没有你的城市故事</p>
            <div class="right_text_bottom">
              <span>新世相</span>
              <span>5小时前</span>
            </div>
            </div>
          </a></li>
          <li><a href="javascript:;" class="clearfix">
            <div class="right_icon fd"><img src="img/4.jpeg" alt=""></div>
            <div class="right_text">
              <p>吴亦凡不为人知的特别才艺居然是魔术?</p>
            <div class="right_text_bottom">
              <span>QG娱乐</span>
              <span>刚刚</span>
            </div>
            </div>
          </a></li>
          <li><a href="javascript:;" class="clearfix">
            <div class="right_icon fd"><img src="img/5.jpeg" alt=""></div>
            <div class="right_text">
              <p>国外的“糖葫芦”、“煎饼馃子”都长啥样？</p>
            <div class="right_text_bottom">
              <span>果壳网</span>
              <span>一分钟前</span>
            </div>
            </div>
          </a></li>
          <li><a href="javascript:;" class="clearfix">
            <div class="right_icon fd"><img src="img/6.jpeg" alt=""></div>
            <div class="right_text">
              <p>我是疯了才去你的城市，然后哭着回来 | 24个没有你的城市故事</p>
            <div class="right_text_bottom">
              <span>新世相</span>
              <span>昨天</span>
            </div>
            </div>
          </a></li>
        
        </ul>
      </div>
      <div class="content_right_bottom">
        <div class="hotNews">
          <h4><span>热文排行</span></h4>
          <ul class="newsList">
            <li><a href="javascript:;" class="clearfix">
              <div class="icon icon1"></div>
              <p>新京报："伺候老师应不应当"是冷血无聊的伪问题</p>
            </a></li>
            <li><a href="javascript:;" class="clearfix">
              <div class="icon icon2"></div>
              <p>重庆官媒再批"孙政才的问题" 这次点出具体事情</p>
            </a></li>
            <li><a href="javascript:;" class="clearfix">
              <div class="icon icon3"></div>
              <p>新京报："伺候老师应不应当"是冷血无聊的伪问题</p>
            </a></li>
            <li><a href="javascript:;" class="clearfix">
              <div class="icon icon4"></div>
              <p>新京报："伺候老师应不应当"是冷血无聊的伪问题</p>
            </a></li>
            <li><a href="javascript:;" class="clearfix">
              <div class="icon icon5"></div>
              <p>新京报："伺候老师应不应当"是冷血无聊的伪问题</p>
            </a></li>
          </ul>
        </div>
        <div class="hotVideo">
          <h4><span>热门视频</span></h4>
          <ul class="hotVideList">
            <li><a href="javascript:;" class="clearfix">
              <div class="hotVideo_img fd"><img src="img/7.jpeg" alt=""></div>
              <div class="hotVideo_txt">
                <p>小偷进门后遇到这样的女主人，什么都没偷到也值了</p>
                <div class="hotVideo_txt_bottom">
                  <span>214评论</span>
                  <span> 2018.1.20</span>
                </div>
              </div>
            </a></li>
            <li><a href="javascript:;" class="clearfix">
              <div class="hotVideo_img fd"><img src="img/8.jpeg" alt=""></div>
              <div class="hotVideo_txt">
                <p>家里有电动车的注意了：几元钱让你十年不用更换新电瓶</p>
                <div class="hotVideo_txt_bottom">
                  <span>214评论</span>
                  <span> 2018.1.20</span>
                </div>
              </div>
            </a></li>
            <li><a href="javascript:;" class="clearfix">
              <div class="hotVideo_img fd"><img src="img/9.jpeg" alt=""></div>
              <div class="hotVideo_txt">
                <p>史上最贱的女人，这种人怎么没被打死</p>
                <div class="hotVideo_txt_bottom">
                  <span>214评论</span>
                  <span> 2018.1.20</span>
                </div>
              </div>
            </a></li>
            <li><a href="javascript:;" class="clearfix">
              <div class="hotVideo_img fd"><img src="img/10.jpeg" alt=""></div>
              <div class="hotVideo_txt">
                <p>牌穿过钞票, 钞票完好无损! 原来这个魔术这么简单</p>
                <div class="hotVideo_txt_bottom">
                  <span>214评论</span>
                  <span> 2018.1.20</span>
                </div>
              </div>
            </a></li>
          </ul>

        </div>
        <div class="hotNews">
          <h4><span>热文排行</span></h4>
          <ul class="newsList">
            <li><a href="javascript:;" class="clearfix">
              <div class="icon icon1"></div>
              <p>新京报："伺候老师应不应当"是冷血无聊的伪问题</p>
            </a></li>
            <li><a href="javascript:;" class="clearfix">
              <div class="icon icon2"></div>
              <p>重庆官媒再批"孙政才的问题" 这次点出具体事情</p>
            </a></li>
            <li><a href="javascript:;" class="clearfix">
              <div class="icon icon3"></div>
              <p>新京报："伺候老师应不应当"是冷血无聊的伪问题</p>
            </a></li>
            <li><a href="javascript:;" class="clearfix">
              <div class="icon icon4"></div>
              <p>新京报："伺候老师应不应当"是冷血无聊的伪问题</p>
            </a></li>
            <li><a href="javascript:;" class="clearfix">
              <div class="icon icon5"></div>
              <p>新京报："伺候老师应不应当"是冷血无聊的伪问题</p>
            </a></li>
          </ul>
        </div>
        <div class="hotVideo">
          <h4><span>热门视频</span></h4>
          <ul class="hotVideList">
            <li><a href="javascript:;" class="clearfix">
              <div class="hotVideo_img fd hidden_img"><img src="img/7.jpeg" alt=""></div>
              <div class="hotVideo_txt">
                <p>小偷进门后遇到这样的女主人，什么都没偷到也值了</p>
                <div class="hotVideo_txt_bottom">
                  <span>214评论</span>
                  <span> 2018.1.20</span>
                </div>
              </div>
            </a></li>
            <li><a href="javascript:;" class="clearfix">
              <div class="hotVideo_img fd"><img src="img/8.jpeg" alt=""></div>
              <div class="hotVideo_txt">
                <p>家里有电动车的注意了：几元钱让你十年不用更换新电瓶</p>
                <div class="hotVideo_txt_bottom">
                  <span>214评论</span>
                  <span> 2018.1.20</span>
                </div>
              </div>
            </a></li>
            <li><a href="javascript:;" class="clearfix">
              <div class="hotVideo_img fd"><img src="img/9.jpeg" alt=""></div>
              <div class="hotVideo_txt">
                <p>史上最贱的女人，这种人怎么没被打死</p>
                <div class="hotVideo_txt_bottom">
                  <span>214评论</span>
                  <span> 2018.1.20</span>
                </div>
              </div>
            </a></li>
            <li><a href="javascript:;" class="clearfix">
              <div class="hotVideo_img fd"><img src="img/10.jpeg" alt=""></div>
              <div class="hotVideo_txt">
                <p>牌穿过钞票, 钞票完好无损! 原来这个魔术这么简单</p>
                <div class="hotVideo_txt_bottom">
                  <span>214评论</span>
                  <span> 2018.1.20</span>
                </div>
              </div>
            </a></li>
          </ul>

        </div>

      </div>
    </div>

    <!-- 侧边栏开始 -->
    <aside class="aside">
      <ul>
        <li><img src="img/rotate.png" alt=""></li>
        <li><img src="img/二维码.png" alt=""></li>
        <li class="top"><img src="img/向上.png" alt=""></li>
      </ul>   
    </aside>
    <!-- 侧边栏结束 -->
  </div>
 
    <!-- 内容区域结束 -->
  </div>
<!-- 遮罩层开始 -->
<div class="Mask">
 
</div>
<div class="loginBox">
<div class="login">
<div class="login_close">
  <img src="img/close.png" alt="">
</div>
<div class="login_header"><img src="img/logo.png" alt="">
  <h4>一點資訊</h4>
</div>
<div class="login_content">
    <input type="text" placeholder="手機號">
    <div class="tel">
    <input type="tel" placeholder="驗證碼">
    <img src="img/validate.png" alt=""></div>
    <div class="send">
    <input type="text" placeholder="手機驗證碼" >
    <input type="text" placeholder="发送验证码" >
  </div>
  </div>
  <div class="login_text clearfix">
    <div class="login_img"><img src="img/img_text.png" alt=""></div>
    <div class="degree"><span>我已閱讀并同意用戶协议</span></div>
  </div>
  <div class="btn">
    登陆
  </div>
  <p>账号密码登录 </p>
  <div class="threeLogin">
    <span class="line"></span>
    <span>第三方平台登录     </span>
    <span class="line"></span>
  </div>
  <div class="login_footer">
    <img src="img/新浪.png" alt="">
    <img src="img/QQ.png" alt="">
    <img src="img/小米.png" alt="">
  </div>
</div>
</div>
<!-- 遮罩层结束 -->
  </body>
</html>
